<?xml version="1.0" encoding="UTF-8"?>

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:c="http://java.sun.com/jsp/jstl/core">
	
	<h:form id="formResumen">
		<p:panelGrid styleClass="aliniadoDerecha">
			<p:row>
				<p:column>
					<p:commandButton value="FINALIZAR" actionListener="#{resumenMB.guardarProyeccion}" ajax="false"/>
				</p:column>
				<p:column>
					<p:commandButton value="Exportar PDF" actionListener="#{resumenMB.generarPDF}" ajax="false"/>
				</p:column>
				<p:column>
					<p:commandButton value="Exportar Excel" actionListener="#{resumenMB.generarExcel}" ajax="false"/>
				</p:column>
			</p:row>
		</p:panelGrid>
		<h1>Resumen</h1>
		<p:panelGrid>
			<f:facet name="header">
				<p:row>
					<p:column></p:column>
					<c:forEach var="detalleList" items="#{resumenMB.detalleListResumen}">
						<p:column styleClass="negritaFondoAzul"><h:outputText value="#{detalleList.periodo}"/></p:column>
					</c:forEach>
				</p:row>	
			</f:facet>	
			<c:set var="i" value="0"></c:set>
			<c:set var="tipoIndicador" value="#{msg.TIPO_INDICADOR_TEXTO}"></c:set>
			<c:set var="COD217" value="#{msg.COD217}"></c:set>
			<c:set var="COD218" value="#{msg.COD218}"></c:set>
			<c:set var="COD219" value="#{msg.COD219}"></c:set>
			<c:set var="COD220" value="#{msg.COD220}"></c:set>
			<c:set var="COD221" value="#{msg.COD221}"></c:set>
			<c:set var="COD222" value="#{msg.COD222}"></c:set>
			<c:forEach var="indicadores" items="#{resumenMB.indicadorListResumen}">
				<c:set var="cod" value="#{indicadores.codigo}"></c:set>
				<c:choose>
					<c:when test="#{(cod == COD217 or cod == COD218 or cod == COD219 or cod == COD220 or cod == COD221 or cod == COD222)}">
						<p:row>
							<p:column styleClass="negritaFondoAzul">
								<h:outputText value="#{indicadores.descripcion}"/>							
							</p:column>
							<c:forEach var="detalleList" items="#{resumenMB.detalleListResumen}">
								<c:choose>
									<c:when test="#{(cod == COD217)}">
										<p:column styleClass="negritaFondoAzul">
											<h:outputText value="#{detalleList.indicadores[i].valor}">
												<f:convertNumber minFractionDigits="2" />
											</h:outputText>
										</p:column>
									</c:when>
									<c:otherwise>
										<p:column>
											<h:outputText value="#{detalleList.indicadores[i].valor}">
												<f:convertNumber minFractionDigits="2" />
											</h:outputText>
										</p:column>
									</c:otherwise>
								</c:choose>
							</c:forEach>
						</p:row>
					</c:when>
					<c:otherwise>
						<p:row>
							<p:column styleClass="fondoCeleste">
								<h:outputText value="#{indicadores.descripcion}"/>							
							</p:column>
							<c:forEach var="detalleList" items="#{resumenMB.detalleListResumen}">
								<c:choose>
									<c:when test="#{(cod == COD217)}">
										<p:column styleClass="negritaFondoAzul">
											<h:outputText value="#{detalleList.indicadores[i].valor}">
												<f:convertNumber minFractionDigits="2" />
											</h:outputText>
										</p:column>
									</c:when>
									<c:otherwise>
										<p:column>
											<h:outputText value="#{detalleList.indicadores[i].valor}">
												<f:convertNumber minFractionDigits="2" />
											</h:outputText>
										</p:column>
									</c:otherwise>
								</c:choose>	
							</c:forEach>
						</p:row>
					</c:otherwise>
				</c:choose>
				<c:set var="i" value="#{i+1}"></c:set>
			</c:forEach>
		</p:panelGrid>
		<br />
	 	<p:barChart id="bar" value="#{resumenMB.combinedModel}" legendPosition="ne"  
	        title="Combined Bar Chart" min="0" max="200" style="height:300px"/>
 	</h:form>
</html>